﻿@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Element Reset */
fieldset{ border:0; margin:0; padding:0;}
img{ border:0;}

a{ text-decoration:none;}
a:hover,
a:active,
a:focus{ text-decoration:underline;}

/* Common Class */
.skipToContent { position:absolute; left:-1000%; display:block; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; text-decoration:none; white-space:nowrap;}
.skipToContent:hover,
.skipToContent:active,
.skipToContent:focus{ position:relative; left:0; width:98%; height:auto; padding:5px 1%; font-size:12px; line-height:1;}

.inputText{ font-size:12px;}
.hr{ display:none;}

/* Layout */
#content,
.extension.e1{ margin-bottom:30px;}
.extension.e2{ display:block !important; clear:both;}

/* Extension E1 */

/* Info */
.extension .info{ position:relative; border:1px solid #eee; margin:0 0 15px 0; padding:34px 4px 4px 4px; background:#f8f8f8; *zoom:1; -moz-border-radius:5px; -webkit-border-radius:5px;}
.extension .info .section{ position:static !important;}
.extension .info .tab{ position:absolute; top:4px; height:30px; line-height:30px; border:1px solid #ddd; padding:0; margin:0; overflow:visible; font-family:Tahoma; font-size:12px; cursor:pointer; color:#999; font-weight:bold; background:#f4f4f4; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;}
.extension .info .cafeInfo .tab{ left:4px; width:105px;}
.extension .info .memberInfo .tab{ right:4px; width:106px;}
.extension .info .widgetContainer{ display:none; padding:15px; background:#fff; border:1px solid #ddd; border-top:0; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px;}
.extension .info.cafe .cafeInfo .widgetContainer,
.extension .info.member .memberInfo .widgetContainer{ display:block;}
.extension .info.cafe .cafeInfo .tab,
.extension .info.member .memberInfo .tab{ color:#333; border-bottom:0; background:#fff;}

.extension .info .button,
.extension .info .button span,
.extension .info .button input{ display:inline-block; position:relative; padding:0; margin:0; border:0; background-color:transparent; background-image:url(../img/buttonAction.gif) !important; background-repeat:no-repeat; font-size:12px; color:#666 !important; font-weight:bold; height:35px; line-height:35px; vertical-align:top !important; overflow:visible; cursor:pointer; filter:none;}
.extension .info .button{ margin:10px 3px 0 0; background-position:left top;}
.extension .info .button span,
.extension .info .button input{ width:175px; left:3px; background-position:right top; text-align:center; top:0;}

.extension .info .cafeInfo dl{ margin:0; color:#767676;}
.extension .info .cafeInfo dt{ float:left; clear:left; height:20px; margin:0 3px 0 0; padding:0 0 0 15px; background:url(../img/iconInfo.gif) no-repeat left 2px;}
.extension .info .cafeInfo dd{ margin:0; height:20px; color:#999;}

.extension .info .memberInfo dl{ margin:0; color:#767676;}
.extension .info .memberInfo .widgetLogin dt{ position:absolute; width:1px; height:1px; overflow:hidden;}
.extension .info .memberInfo .widgetLastLogin dt{ float:left; margin:0 3px 0 0;}
.extension .info .memberInfo dd{ margin:0 0 2px 0; color:#999;}
.extension .info .memberInfo dd input{ border:1px solid #ddd; padding:3px 4px; width:168px; font:bold 12px Tahoma; height:15px; background:#f4f4f4;}
.extension .info .memberInfo dd input:focus{ border-width:2px; width:166px; height:13px; background:#fff;}
.extension .info .memberInfo p{ margin:10px 0 0 0; color:#767676;}
.extension .info .memberInfo p input{ width:13px; height:13px; margin:0 3px 0 0; vertical-align:middle;}
.extension .info .memberInfo p label{ font:11px Dotum, 돋움;}
.extension .info .memberInfo .help{ margin:10px 0 0 0; padding:0; list-style:none;}
.extension .info .memberInfo .help a{ color:#767676; font:11px Dotum, 돋움;}
.extension .info .widgetMyInfo{ margin:10px 0 0 0; padding:0; list-style:none;}
.extension .info .widgetMyInfo li{ padding:0 0 0 15px; margin:0 0 3px 0; background:url(../img/iconInfo.gif) no-repeat left 2px;}
.extension .info .widgetMyInfo li a{ color:#767676;}

/* Menu */
.cafeMenu{ position:relative; padding:15px; margin:0 0 15px 0; border:1px solid #ddd; background:#fcfcfc url(../img/iconMenu.gif) no-repeat 195px 19px; -moz-border-radius:5px; -webkit-border-radius:5px; *zoom:1;}
.cafeMenu h2{ position:absolute; left:-1000%; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0;}
.cafeMenu ul{ margin:0; padding:0; list-style:none;}
.cafeMenu ul li{ margin:0 0 5px 0; padding:0 0 0 15px; background:url(../img/iconInfo.gif) no-repeat left 2px;}
.cafeMenu ul li ul{ padding:3px 0 0 0;}
.cafeMenu ul li li{ background:url(../img/lineSub.gif) no-repeat 5px 2px;}
.cafeMenu ul li button{ display:none;}
.cafeMenu ul li a{ color:#767676;}
.cafeMenu ul li a.selected{ font-weight:bold;}

/* Visotor Stat */
.visitorStat{ position:relative; padding:10px 15px; border:1px solid #ddd; background:#fdfdfd url(../img/iconVisitorStat.gif) no-repeat 195px 14px; -moz-border-radius:5px; -webkit-border-radius:5px; *zoom:1;}
.visitorStat h2{ position:absolute; left:-1000%; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0;}
.visitorStat dl{ margin:0; color:#767676;}
.visitorStat dt{ float:left; clear:left; height:18px; margin:0 3px 0 0; padding:0 0 0 15px; background:url(../img/iconInfo.gif) no-repeat left 2px;}
.visitorStat dd{ color:#999; height:18px;}

/* Extension E2 */
.extension.e2{ padding:15px 0 0 0; margin:0 0 15px 0; border-top:1px dotted #ddd;}
.extension.e2 .section{ width:128px; float:left; *display:inline; padding:15px; margin:0 6px 0 0; border:1px solid #eee; background-color:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px; *zoom:1;}
.extension.e2 h2{ font-size:12px; color:#555; margin:0 0 10px 0;}
.extension.e2 ul{ margin:0; padding:0; list-style:none;}
.extension.e2 ol{ margin:0; padding:0; color:#767676;}
.extension.e2 li{ margin:0 0 4px 0;}
.extension.e2 li a{ color:#767676;}
.extension.e2 li sup{ color:#999;}

.extension.e2 .newMember{ background-image:url(../img/iconMemberNew.gif); background-repeat:no-repeat; background-position:195px 16px;}
.extension.e2 .newMember li{ padding:0 0 0 8px; padding-left: 0 !important; /*background:url(../img/iconList.gif) no-repeat left 6px;*/}
.extension.e2 .docRank{ background-image:url(../img/iconDocument.gif); background-repeat:no-repeat; background-position:195px 16px;}
.extension.e2 .replyRank{ background-image:url(../img/iconReply.gif); background-repeat:no-repeat; background-position:195px 16px;}
.extension.e2 .onMember{ float:right; margin:0; background-image:url(../img/iconMemberOn.gif); background-repeat:no-repeat; background-position:195px 16px;}
.extension.e2 .onMember li{ padding:0 0 0 8px; padding-left: 0 !important; /*background:url(../img/iconList.gif) no-repeat left 6px;*/}
.extension.e2 li { font-size: 12px;}

/* Widget Reset */
.simpleWidgetStyle{ margin:0 0 30px 0 !important;}
.simpleWidgetStyle h2{ padding:5px 0 5px 20px !important; margin:0 0 10px 0 !important; font-size:12px !important; font-family:Tahoma !important; border-bottom:2px solid #eee !important; background:url(../img/iconH2Document.gif) no-repeat left center;}
.widgetGalleryA li{ _position:relative;}
